.settlement {
	background: #f7f7f7 !important;
	overflow-y: hidden;
	.header {
		display: flex;
		align-items: center;
		padding: 50upx 30upx 30upx 30upx;
		background: #ffffff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		& > view:nth-child(1) {
			image {
				width: 23upx;
				height: 27upx;
				display: flex;
			}
		}
		& > view:nth-child(2) {
			font-size: 34upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #333333;
			margin-left: 20upx;
		}
	}
	.search {
		// 微信小程序
		/* #ifdef  MP-WEIXIN */

		padding-top: 80upx;
		background: #ffffff;
		/* #endif */
		// 手机端
		/* #ifdef APP-PLUS */
		padding-top: 80upx;
		background: #ffffff;
		/* #endif */
		// H5端
		/* #ifdef  H5 */
		padding-top: 100upx;
		background: #ffffff;

		/* #endif */
		& > view:nth-child(1) {
			display: flex;
			align-items: center;
			background: #fcf7f3;
			padding: 21upx 30upx 21upx 30upx;
			// opacity: 0.1;
			& > view:nth-child(1) {
				image {
					width: 26upx;
					height: 26upx;
					display: flex;
				}
			}
			& > view:nth-child(2) {
				margin-left: 17upx;
				opacity: 0.5;
				font-size: 24upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #dba771;
			}
		}
		.navTo {
			padding: 54upx 0upx 0upx 0upx;

			width: 93%;
			margin: 0 auto;
			// 自取
			.store {
				display: flex;
				align-items: center;
				justify-content: space-between;

				.title {
					flex: 1;
					display: flex;
					align-items: center;
					font-size: $font-size-lg;
					color: $text-color-base;
					font-weight: bold;
					overflow: hidden;

					.right-icon {
						flex-shrink: 0;
						width: 40rpx;
						height: 40rpx;
						display: flex;
					}
				}

				.buttons {
					display: flex;
					align-items: stretch;
					background-color: #f6f6f6;
					border-radius: 50rem !important;
					padding: 4rpx;
					border: 2rpx solid #eaeaea;

					.button {
						height: 100%;
						width: 50%;
						border-radius: 50rem !important;
						border: 0 !important;
						font-size: $font-size-sm !important;
						line-height: 2.4 !important;

						&.active {
							background-color: #343434;
							color: #ffffff !important;
							transition: all 0.3s;
						}
					}
				}
			}

			.map {
				display: flex;
				align-items: center;
				margin-top: 25upx;
				border-bottom: 1upx solid #f7f7f7;
				padding-bottom: 40upx;
				image {
					width: 24upx;
					height: 26upx;
				}
				& > view {
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #999999;
					margin-left: 10upx;
				}
			}
			// 联系电话
			.tel {
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1upx solid #f7f7f7;
				padding: 40upx 0upx;
				& > view:nth-child(1) {
					font-size: 28upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
				& > view:nth-child(2) {
					width: 120upx;
					height: 48upx;
					border: 2upx solid #dba771;
					border-radius: 6upx;

					font-size: 22upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #dba771;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}

			.reading {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
				/deep/.u-checkbox-group {
					display: grid !important;
				}
				/deep/.u-checkbox {
					line-height: 3.8 !important;
				}

				.mendian {
					color: #dba871 !important;
				}
			}
		}
	}

	// 打包带走
	.Packout {
		background: #ffffff;
		margin-top: 20upx;
		padding: 40upx 30upx 40upx 30upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		& > view:nth-child(1) {
			width: 48%;
			& > view:nth-child(1) {
				// width: 48%;
				height: 76upx;
				margin: 0 auto;
				border: 1upx solid #666666;
				border-radius: 10upx;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				& > view:nth-child(1) {
					background: url(../../static/images/common/dabao.png) no-repeat;
					background-size: 100%100%;
					width: 26upx;
					height: 25upx;
				}
				& > view:nth-child(2) {
					margin-left: 23upx;
					font-size: 30upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #666666;
				}
			}
			.active {
				border: 1upx solid #dba871 !important;
				& > view:nth-child(1) {
					background: url(../../static/images/common/dabao1.png) no-repeat !important;
					background-size: 100%100% !important;
					width: 26upx !important;
					height: 25upx !important;
				}
				& > view:nth-child(2) {
					color: #dba871 !important;
				}
				& > view:nth-child(3) {
					width: 48upx;
					height: 41upx;
					background: url(../../static/images/common/gougou.png) no-repeat;
					background-size: 100%100%;
					position: absolute;
					right: 0;
					bottom: 0;
				}
			}
		}

		// 2
		& > view:nth-child(2) {
			width: 48%;
			& > view:nth-child(1) {
				// width: 48%;
				height: 76upx;
				margin: 0 auto;
				border: 1upx solid #666666;
				border-radius: 10upx;
				display: flex;
				align-items: center;
				justify-content: center;
				position: relative;
				& > view:nth-child(1) {
					background: url(../../static/images/common/dianpu.png) no-repeat;
					background-size: 100%100%;
					width: 26upx;
					height: 25upx;
				}
				& > view:nth-child(2) {
					margin-left: 23upx;
					font-size: 30upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #666666;
				}
			}
			.active {
				border: 1upx solid #dba871 !important;
				& > view:nth-child(1) {
					background: url(../../static/images/common/dianpu1.png) no-repeat !important;
					background-size: 100%100% !important;
				}
				& > view:nth-child(2) {
					color: #dba871 !important;
				}
				& > view:nth-child(3) {
					width: 48upx;
					height: 41upx;
					background: url(../../static/images/common/gougou.png) no-repeat;
					background-size: 100%100%;
					position: absolute;
					right: 0;
					bottom: 0;
				}
			}
		}
	}
	// 自取时间
	.Takes_time {
		background: #ffffff;
		border-top: 1upx solid #f7f7f7;
		padding: 40upx 0upx 40upx 0upx;
		& > view:nth-child(1) {
			width: 93%;
			margin: 0 auto;
			& > view:nth-child(1) {
				display: flex;
				align-items: center;
				justify-content: space-between;
				& > view:nth-child(1) {
					font-size: 30upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
				& > view:nth-child(2) {
					display: flex;
					align-items: center;
					& > view:nth-child(1) {
						font-size: 30upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #dba871;
						margin-right: 15upx;
					}
					& > view:nth-child(2) {
						image {
							width: 40upx;
							height: 48upx;
							display: flex;
						}
					}
				}
			}

			& > view:nth-child(2) {
				font-size: 30upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
				margin-top: 33upx;

				& > text {
					color: #dba871 !important;
				}
			}
			& > view:nth-child(3) {
				margin-top: 30upx;
			}
		}
	}
	// 商品列表
	.goodsList {
		margin-top: 20upx;
		background: #ffffff;
		padding: 40upx 30upx 40upx 30upx;
		& > view:nth-child(1) {
			font-size: 30upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #333333;
		}
		& > view:nth-child(2) {
			display: flex;
			align-items: center;
			justify-content: space-between;
			.page-section-spacing {
				width: 80%;
				height: 126upx;
				margin-top: 59upx;
			}
			& > view:nth-child(2) {
				display: flex;
				align-items: center;
				margin-top: 50upx;
				& > view:nth-child(1) {
					font-size: 28upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
					margin-right: 15upx;
				}
				& > view:nth-child(2) {
					image {
						width: 40upx;
						height: 48upx;
						display: flex;
					}
				}
			}
		}
	}
	// 其他费用
	.fees {
		margin-top: 20upx;
		background: #ffffff;
		padding: 40upx 30upx 40upx 30upx;
		& > view:nth-child(1) {
			font-size: 30upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #333333;
		}
		.fees_one {
			display: flex;
			align-items: center;
			justify-content: space-between;
			& > view {
				margin-top: 55upx;
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
			}
		}
		// 新客户
		.New {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 57upx;
			& > view:nth-child(1) {
				display: flex;
				align-items: center;
				& > view:nth-child(1) {
					font-size: 28upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
				& > view:nth-child(2) {
					width: 28upx;
					height: 26upx;
					background: #38bc4a;
					border-radius: 2upx;

					font-size: 18upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #fffefe;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-left: 10upx;
				}
			}
			& > view:nth-child(2) {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #dba771;
			}
		}
	}
	// 暂无可用
	.coupons {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 56upx;
		& > view:nth-child(1) {
			display: flex;
			align-items: center;
			& > view:nth-child(1) {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
			}
			& > view:nth-child(2) {
				width: 28upx;
				height: 26upx;
				background: #dba771;
				border-radius: 2upx;

				font-size: 18upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #fffefe;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-left: 10upx;
			}
		}
		& > view:nth-child(2) {
			display: flex;
			align-items: center;

			& > view:nth-child(1) {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #bbbbbb;
				margin-right: 15upx;
			}
			& > view:nth-child(2) {
				image {
					width: 40upx;
					height: 48upx;
					display: flex;
				}
			}
		}
	}

	.rules {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 68upx;
		& > view:nth-child(1) {
			display: flex;
			align-items: center;
			& > view:nth-child(1) {
				font-size: 26upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #656565;
			}
			& > view:nth-child(2) {
				image {
					width: 24upx;
					height: 24upx;
					margin-left: 3upx;
					display: flex;
				}
			}
		}
		& > view:nth-child(2) {
			font-size: 26upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #656565;
			& > text {
				font-size: 36upx;
				color: #333333;
			}
		}
	}

	// 备注
	.remkie {
		background: #ffffff;
		margin-top: 20upx;
		padding: 40upx 30upx 40upx 30upx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 100px;
		& > view:nth-child(1) {
			font-size: 28upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #333333;
		}
		& > view:nth-child(2) {
			display: flex;
			align-items: center;
			& > view:nth-child(1) {
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				color: #333333;
				margin-right: 16upx;
			}
			& > view:nth-child(2) {
				image {
					width: 40upx;
					height: 48upx;
					display: flex;
				}
			}
		}
	}
	// 支付
	.Total {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #ffffff;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		padding: 36upx 0upx 0upx 31upx;
		& > view:nth-child(1) {
			font-size: 26upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #656565;
			& > text {
				font-size: 36upx;
				color: #333333;
			}
		}
		& > view:nth-child(2) {
			width: 240upx;
			height: 100upx;
			background: #dba771;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 32upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #ffffff;
		}
	}

	// 时间弹出层
	.u-wrap {
		overflow: hidden;
		height: calc(100vh);
		/* #ifdef H5 */
		height: calc(100vh - var(--window-top));
		/* #endif */
		display: flex;
		flex-direction: column;
		position: relative;
		.choose {
			background: #fafafa;
			padding-top: 31upx;
			padding-bottom: 31upx;
			text-align: center;
			font-size: 30upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #000000;
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: 999;
		}
	}

	.u-menu-wrap {
		flex: 1;
		display: flex;
		margin-top: 100upx;
	}

	.u-tab-view {
		width: 280upx;
		height: 126upx;
		
	}

	.u-tab-item {
		height: 110rpx;
		background: #F0F0F0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 26rpx;
		color: #444;
		font-weight: 400;
		line-height: 1;
	}

	.u-tab-item-active {
		position: relative;
		color: #000;
		font-size: 30rpx;
		font-weight: 600;
		background: #fff;
	}

	.u-tab-view {
		height: 100%;
		background: #f0f0f0;
	}

	.right-box {
		background: #FFFFFF;
		overflow-y: auto;
		height: 100%;
	}

	.class-item {
		background-color: #fff;
		padding: 20rpx 50upx;
		height: 50vh;
	}

	.item-title {
		font-size: 26rpx;
		color: $u-main-color;
		font-weight: bold;
	}

	.item-menu-name {
		
		font-size: 26upx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #000000;
	}

	.thumb-box {
		height: 126upx;
	}
	/deep/.uni-scroll-view-content {
	    width: 100%;
	    height: 100%;
	    background: #f0f0f0;
	}
}
